<!-- 我的页面 -->
<template>
  <view class="my-container">
    
    <!-- 没有 token 显示登录页面 -->
    <my-login v-if="!token"></my-login>

    <!-- 有 token 显示用户信息页面 -->
    <my-userinfo v-else></my-userinfo>
    
  </view>
</template>

<script>
import { mapState } from 'vuex';
import MyLogin from '../../components/my-login.vue'
import MyUserinfo from '../../components/my-userinfo.vue'
import badge from '../../mixins/badge';
export default{
  mixins:[badge],
  components:{
    MyLogin,
    MyUserinfo,
  },
  data(){
    return{}
  },
  computed:{
    ...mapState('user',['token'])
  }

}
</script>

<style lang="scss" scoped>
page, .my-container {
  height: 100%;
}
</style>